<div ng-controller="ListCtrl">
  <header class="bar bar-header bar-light">
    <h1 class="title">当前房间数： {{items.length}}</h1>
    <button class="button" ng-click = "showPopup()"> <i class="ion-plus-round"></i>
    </button>
  </header>

  <ion-content class="has-header"  >

    <ion-list 
          show-delete="shouldShowDelete"
          show-reorder="shouldShowReorder"
          can-swipe="listCanSwipe"
          >


      <ion-item ng-repeat="item in items" ng-click="playing(item)" >
        <div class="item item-body">
          <img class="full-image" src="img/room.gif">
          <p> <b>room({{item.roomId}})</b>
            &nbsp&nbsp&nbsp <b>{{item.roomName}}</b>
          </p>
          <p>
            <a href="#" class="subdued">{{item.pepole}}个人在玩</a>
            <a href="#" class="subdued" ng-show="{{items.isShow}}"><b>房间人数已经满了啊啊啊啊啊</b></a>
          </p>
        </div>
      </ion-item>

    </ion-list>
    <ion-infinite-scroll ng-if="noMoreItemsAvailable" on-infinite="loadMore()" distance="10%"></ion-infinite-scroll>
  </ion-content>

</div>